<extend name="Base/common"/>
<block name="style">

    <style>
        body {
            padding-bottom: 60px;
        }
        /*#nav {
            position: absolute;
            width:100%;
            top: 0;
            left:0;
        }*/
        .topimg {
            width: 20px;
            margin: 10px 10px 7px 10px;
            padding-top: 4px;
        }
        .content {
            float: left;
            position: relative;
            left: 50%;
            margin-top: 0;
        }
        .tophedar {
            float:left ;
            position: relative;
            right: 110%;
            font-size: 19px;
            padding: 10px 0;
        }
        .message {
            background-color: white;
            margin-top: 10px;
            padding-left: 10px;
            padding-bottom: 10px;
            padding-right: 10px;
        }

        .message1 {
            border-bottom: 0.5px solid #c1c1c1;
            padding-top:20px;
        }
        .message3 {
            padding-left: 10px;
        }
        .message4 {
            height: 20px;
        }
        #nickname {
            padding-top: 5px;
        }
        /*头像*/
        #portrait {
            text-align: center;
            padding-top: 10px;
            /*border: 1px solid red;*/
        }
        #portrait img {
            /*border: 1px solid royalblue;*/
            border-radius: 50%;
            overflow:hidden;
        }
    </style>


</block>


<block name="body">

    <!--主导航结束-->
    <div class="ts_nav" id="nav">
        <a href="{:U('modifyUserInfo')}">
            <img src="{$Think.config.HOME_IMG}alter1.png" alt="" class="topimg"  style="float: left; ">
        </a>
        <div class="content"><div class="tophedar">账户设置</div></div>
        <a href="../index.html">
            <img src="{$Think.config.HOME_IMG}page1.png" alt="" class="topimg" style="float: right">
        </a>
        <div style="clear: both"></div>
    </div>
    <div class="message">
        <!--最大图片640px-->
        <div id="portrait"><img src="{$userInfo.usr_headimg_url}" alt="" width="70px"></div>
        <div class="message1" id="nickname"><img src="{$Think.config.HOME_IMG}nickname.png" alt="" class="message4">
            <span class="message2">昵称:</span><span class="message3">{$userInfo.usr_title}</span>
        </div>
        <div class="message1"><img src="{$Think.config.HOME_IMG}name.png" alt="" class="message4">
            <span class="message2">姓名:</span><span class="message3">{$userInfo.usr_name}</span>
        </div>
        <div class="message1"><img src="{$Think.config.HOME_IMG}number.png" alt="" class="message4">
            <span class="message2">身份证号:</span><span class="message3">{$userInfo.usr_id_card}</span>
        </div>
        <div class="message1"><img src="{$Think.config.HOME_IMG}qq.png" alt="" class="message4">
            <span class="message2">QQ:</span><span class="message3">{$userInfo.usr_qq}</span>
        </div>
        <div class="message1"><img src="{$Think.config.HOME_IMG}birthday.png" alt="" class="message4">
            <span class="message2">生日:</span><span class="message3">{$userInfo.usr_birthday}</span>
        </div>
        <div class="message1"><img src="{$Think.config.HOME_IMG}school.png" alt="" class="message4">
            <span class="message2">学校:</span><span class="message3">{$userInfo.usr_campus}</span>
        </div>
        <div class="message1"><img src="{$Think.config.HOME_IMG}place1.png" alt="" class="message4">
            <span class="message2">籍贯:</span><span class="message3">{$userInfo.usr_addr}</span>
        </div>
        <div class="message1"><img src="{$Think.config.HOME_IMG}phone1.png" alt="" class="message4">
            <span class="message2">手机号:</span><span class="message3">{$userInfo.usr_tel}</span>
        </div>
    </div>

</block>